<template>
	<view class="my_novel">
		<view class="novelList" v-for="(item, index) in novelList" :key="index" @click="gotoNovelCatalog(item)">
			<!-- 左边图片区 -->
			<view class="left">
				<image :src="item.image" mode=""></image>
			</view>
			<!-- 右边文字区 -->
			<view class="right">
				<text class="title">{{item.title}}</text>
				<view class="novel_info">
					{{item.info}}
				</view>
				<view class="other_info">
					<text>{{item.author}}</text>
					<text>{{item.number}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "my_novel",
		data() {
			return {

			};
		},
		props: {
			novelList: {
				type: Array,
				default: []
			}
		},
		methods: {
			gotoNovelCatalog(item) {
				uni.navigateTo({
					url: `/subpkg/novel_catalog/novel_catalog?classify=${item.classify}&title=${item.title}&author=${item.author}&info=${item.info}&image=${item.image}`
				})
			}
		}
	}
</script>

<style lang="scss">

</style>
